{% extends 'base.html' %}
{% load static %}
{% load customer_filters %}
{% load customer_tags %}
{% block title %}首页{% endblock %}
{% block link_content %}
     <link rel="stylesheet" href="{% static 'student/css/index.css' %}">
</div>
{% endblock %}
{% block content %}
    <div style="position: fixed; margin-left: 800px">
    {% include 'ad.html' %}
</div>
<div class="all">
    <div class="mid">
        <p>我是第{{ n }}次访问</p>

        <table>
            <tr>
                <th>序号</th>
                <th>姓名</th>
                <th>年龄</th>
                <th>性别</th>
            </tr>
            {% for i in stus %}
                <tr {% if i.sex == 0 %} style="color: red;" {% else %} style="color: black;" {% endif %}>
                    <td>{{ forloop.counter }}</td>
                    <td><a href="{% url 'detail' i.name %}">{{ i.name }}</a></td>
                    <td>{{ i.age }}</td>
                    <td>{{ i.sex|to_sex:'zh' }}</td>
                </tr>
            {% endfor %}
        </table>

    <div style="margin-top: 20px"></div>

        <table>
            <tr>
                <th>序号</th>
                <th>名称</th>
                <th>价格</th>
                <th>数量</th>
            </tr>
            {% for i in goods %}
                <tr {% if i.price >= 15 %} style="color: red;" {% else %} style="color: black;" {% endif %}>
                    <td>{{ forloop.counter }}</td>
                    <td><a href="{% url 'detail' i.name %}">{{ i.name }}</a></td>
                    <td>{{ i.price }}</td>
                    <td>{{ i.quantity }}</td>
                </tr>
            {% endfor %}
        </table>

        我是student的index页面 <br>
        现在的时间是 {{ t|date:'Y年m月d日 H时i分s秒' }} <br>
        通过视图函数传过来的变量，时间是 {{ tt }} <br>
        自定义简单模板标签，时间是 {% current_time %} <br>
        字典元素取值 {{ d.name }} <br>
        字典错误 {{ d.0|default:'未取到值' }} <br>
        列表第二个元素 {{ l.1 }} <br>
        列表第一个元素是{{ l|first }}加{{ num }}等于 {{ l|first|add:num }} <br>
        函数返回 {{ fun }} <br>
        {{ html|safe }}
    </div>
</div>

{% endblock %}